home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web13 / tutorial 4 / tutorial 4-Review / screen.css < prev   
Cascading Style Sheet File  |  2011-02-16  |  2KB  |  65 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 4
  4.    Review Assignment
  5.  
  6.    Online Scrapbooks Style Sheet
  7.    Author: Leah Grullon
  8.    Date:   February 14, 2011
  9.  
  10.    Filename:         screen.css
  11.    Supporting Files: back.jpg, marker.gif
  12.  
  13. */
  14.  
  15. body                {margin: 0px; color: black; 
  16.                      background: white url(back.jpg) repeat-y}
  17. h1, h2, h3          {font-family: Arial, Helvetica, sans-serif; color: black; margin: 0px}
  18. h3                  {font-size: 10pt}
  19. h1                  {border-bottom: 2px solid orange; background-color: white; margin: 0px; 
  20.                      padding: 0px}
  21. ul                  {margin-top:0px}
  22.  
  23. #outer_container    {width: 780px}
  24. #head               {text-align: right}
  25.  
  26. #links              {float: left; width: 200px}
  27. #links ul           {list-style-type: none; margin-left: 15px; padding-left: 0px}
  28. #links li.newGroup  {margin-top: 20px}
  29. #links li.subgroup  {margin-left: 20px}
  30. #links a:link       {text-decoration: none} 
  31. #links a:visited    {text-decoration: none}
  32. #links a:hover      {background-color: white; color: black; text-decoration: underline overline}
  33. #links a:active     {text-decoration: none}
  34.  
  35.  
  36.  
  37. #content            {margin-left: 200px}
  38.  
  39. #pullout            {list-style-image: url(marker.gif)} 
  40. #pullout ul         {list-style-image: url(marker.gif)}
  41.  
  42.   
  43. #samples            {float: left}            
  44.  
  45. #samples_container  {position: relative; left: 0px; top: 0px; height: 450px}
  46.  
  47. sample1.jpg         {width: 150px; height: 93px; border-width: 0px}
  48. sample2.jpg         {width: 150px; height: 93px; border-width: 0px}
  49. sample3.jpg         {width: 150px; height: 93px; border-width: 0px}
  50. sample4.jpg         {width: 150px; height: 93px; border-width: 0px}
  51.  
  52.  
  53. #sample1            {position: absolute; left: 0px;  top: 0px}
  54. #sample2            {position: absolute; left: 170px;top: 0px}
  55. #sample3            {position: absolute; left: 0px;  top: 220px}
  56. #sample4            {position: absolute; left: 170px;top: 220px} 
  57.             
  58.                     
  59.  
  60.  
  61.  
  62. address             {text-align: center; font-style: normal; font-variant: small-caps;
  63.                      border-top: 2px solid orange; color: orange; padding-bottom: 50px}
  64.  
  65.